<!DOCTYPE html>
<html lang="en">
<head>
[#include "/customer/include/static.htm"]
	<link href="${path}/resources/css/member.css" rel="stylesheet" type="text/css"/>
	<link href="${path}/resources/css/invite.css" rel="stylesheet" type="text/css"/>
	<link href="${path}/resources/css/member/main.css" rel="stylesheet" type="text/css"/>
	<link href="${path}/resources/css/member/pay.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="${path}/resources/js/jquery.zclip.js"></script>
	<link href="${path}/resources/css/user.css?v=2" rel="stylesheet" type="text/css"/>
	<link href="${path}/resources/plug/layui/css/layui.css" rel="stylesheet" type="text/css"/>
	<script src="${path}/resources/plug/layui/layui.js" type="text/javascript"></script>

[#--<link href="${path}/resources/css/public.css" rel="stylesheet"  type="text/css" />--]
	<script type="text/javascript" src="${path}/resources/js/jquery.form.js"></script>
	<script type="text/javascript">
		$(function () {
			$("#copyLink").zclip({
				path: '${path}/resources/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中
				copy: function () {
					return '${recommend_url}';
				},
				afterCopy: function () {//复制成功
					alert("分享链接复制成功");
				}
			});
		});
	</script>
	<style type="text/css">

		.hbyq1 h4 {

			color: #838a98;

		}

		.hbreg .hbyq .hbyq1 h4 {
			color: #838a98;


		}

		.hbyq1 h4 i {
			color: #838a98;
		}

		.hbreg .hbyq .hbyq1 h4 i {
			color: #838a98;
		}
	</style>
</head>
<body>
<!--头部-->
[#include "/customer/include/header.ftl"]

[#import "/customer/include/pagination.ftl" as p/]
<!--头部 end -->
<!-- container start -->
<div class="member">
	<!--左边-->
	<style>
		.msg{
            width: 770px;
            font-size: 12px;
            line-height: 20px;
            background: #FFEFD0;
            color: #FF7300;
            padding: 10px 20px;

		}
		.btnRed_F_small {
			width: 80px;
			height: 36px;
			line-height: 34px;
			overflow: hidden;
			display: block;
			margin: 0 auto;
			color: #fff;
			font-size: 16px;
			text-align: center;
			cursor: pointer;
			outline: none;
			background-color: #F3485A;

		}

		td {
			border: #c0c9d5 1px solid !important;;
		}

		tr {
			border: #c0c9d5 1px solid !important;
		}

		th {
			border: #c0c9d5 1px solid !important;;
		}
	</style>


[#include "/customer/include/member_left_menu.ftl"]
	<!--左边 end-->
	<div class="memberMain">
        <div class="member_tab">
            <div class="member_tab"><a class="on a1" href="javascript:wanttg();" >我要推广</a>

                <a  href="javascript:showtglist();" class="a2">推广记录</a>
			</div>
        </div>
		<div class="pay-wrap" style="width: 100%">

			<div class="pay-tab-cont yuebao" style="min-height: 720px">
				<m id="tgview">
					<h1>推广链接

					</h1>

                    <div class="msg" style="font-size:15px;margin-top:10px;">${recommend_url}
                        <input type="hidden" value="${recommend_url}" id="link">
                        <span style="margin-left:20px;"><a class="fontred" href="javascript:void(0);" id="copyLink" style="color: #FF7300">复制链接</a></span>

                    </div>

					<div class="hbreg">

									<p></p>

									<div style="width:98%;height:40px;*margin-bottom:30px;">
										<div class="bdsharebuttonbox bdshare-button-style0-32" data-tag="share_1"
											 style="98%;" data-bd-bind="1496591992729">
											<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
											<a class="bds_qzone" data-cmd="qzone" href="#" title="分享到QQ空间"></a>
											<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
											<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
											<a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
											<a class="bds_more" data-cmd="more"></a>

										</div>
									</div>

							</div>
							<script type="text/javascript">
								window._bd_share_config = {
									common: {
										bdText: '安全的理财平台,大家快来投资吧',
										bdDesc: '安全的理财平台,大家快来投资吧',
										bdUrl: '${recommend_url}'
									},
									share: [{
										"bdSize": 32
									}],
									slide: [{
										bdImg: 0,
										bdPos: "right",
										bdTop: 100
									}],
									image: [{
										viewType: 'collection',
										viewPos: 'top',
										viewColor: 'black',
										viewSize: '32',
										viewList: ['qzone', 'tsina', 'huaban', 'tqq', 'renren']
									}],
									selectShare: [{
										"bdselectMiniList": ['qzone', 'tqq', 'kaixin001', 'bdxc', 'tqf']
									}]
								}
								with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
							</script>
                            <div style="font-size:12px;margin-top:30px;margin-left:20px;border-top: 1px dashed #d8d8d8;">会员通过把自己的推广链接放在自己的空间，网站，朋友圈等方式进行代理推广，由此链接产生的会员交易额计入会员的直销代理成绩。按照代理成绩进行结算。</div>


				</m>
				<m id="tglist" style="display: none">
					<h1>推广记录

					</h1>
					<div class="hb_two">


						<div class="user-glb-rightbox-e" style="width: 100%">

							<table class="layui-table" style="border: #c0c9d5 1px solid!important;">
								<colgroup>
									<col width="100">
									<col width="100">
									<col width="100">
									<col width="100">

								</colgroup>
								<thead>
								<tr>
									<th>序号</th>
									<th>用户名</th>

										<th>手机号码</th>
                                    <th>产生收益</th>
									<th>注册时间</th>
								</tr>
								</thead>
                            [#if userList?? && userList?size > 0]
                                [#list userList as user]
									<tr>
										<td>${user_index + 1}</td>
										<td>${user.user_name}</td>
										<td>${user.member_phone}</td>
                                        <td>${user.awardforInviter}</td>

										<td>${p2p_date_format(user.add_time,"yyyy-MM-dd HH:mm:ss")}</td>
									</tr>
                                [/#list]
                            [#else]
								<tr>
									<td id="tbody" style="background: #fff" colspan="8"><div class="nodataimg"></div></td>
								</tr>
                            [/#if]
							</table>
						</div>
					[@p.pager pager = page    url = "${path}/member/promotion/link"/]
					</div>
			</div>
		</div>
	</div>
</div>
[#include "/customer/include/footer.ftl"]
<script>
	function wanttg() {
		$('#tglist').hide();
		$('#tgview').show();
		$('.a2').removeClass('on');
        $('.a1').addClass('on');

	}
	function showtglist() {

		$('#tglist').show();
		$('#tgview').hide();
        $('.a1').removeClass('on');
        $('.a2').addClass('on');
	}
</script>

</body>
</html>